@import '~src/erm/public/common/less/base.less';
#SysComponentsWorkbenchSearcharea{
    .clearfix;
    @btnPrimaryColor: #F63641;      // 按钮选择色
    @cardBackColor: #FFFFFF;        // 卡片背景色
    @borderColor: #E6E6E6;          // 边框色
    @fieldTitleColor:#9D9D9D;       // 项目标题色

    position:relative;
    border-top: 1px solid @borderColor;
    // border-top: none;
    border-bottom: none;
    
    color: #333;
    background: #FFF;

    font-size: 13px !important;
    padding-top: 2px;
    background: #f3f3f3;

    .ncc-filter-wrap {
        .w(18%);
        display: flex;
        align-items: center;
        float: left;
        margin-left: 20px;
        padding-bottom: 5px;
        .filter-label {
            word-break: keep-all;
            margin-right: 6px;
            color:#999999;
        }
        .select-filter {
        }
    }
    .filter-bar-control-btn-wrap {
        float: right;
        display: flex;
        margin-right: 20px;
        i {
            margin-right: 8px;
            &:last-child {
                margin-right: 0;
            }
        }
    }
    table{
        border-collapse: collapse;
        width: 100%;

        tbody{
            tr{
                td:first-child {
                    text-align: left;
                    width: 98px;
                    padding-left: 19px;
                    padding-right: 13px;
                    color:rgba(153,153,153,1);
                }
                td{
                    padding-top: 6px;
                    color:rgba(41,46,53,1);
                    & > div{
                        float: left;
                    }
                    .u-select-selection-rendered {
                        line-height: 29px !important;
                    }
                    ul{
                        li.query-key{
                            list-style: none;
                            cursor: pointer;
                            display: inline-block;
                            height: 22px;
                            line-height: 22px;
                            padding-left: 10px;
                            padding-right: 10px;
                        }
                        li.active {
                            border-radius:13px;
                            color: #E14C46;
                            background: #F1F1F1;
                        }
                    }
                }
            }
            .menu-icon-td{
                float: right;
                margin-right: 20px;
                padding-bottom: 1px;

                i {
                    display: inline-block;
                    margin-left: 8px;
                    &:first-child {
                        margin-left: 0;
                    }
                }
            }
        }
    }
    .key-one-row{
        // width: 492px;
        width: 50%;
        float: left;
    }
    .key-two-row{
        width: 100%;
        float: left;
    }
    .fuzzyquery{
        min-width: 200px;
    }
    //模糊查询：已选项的最大宽度
    .nc-select-search-pointer .u-select-selection .u-select-selection-choice:first-child {
        max-width: 60%;
    }
    .thin-barcode {
        position: relative;
        i.icon-sousuo {
            display: none;
        }
        i.icon-saoyisao {
            position: absolute;
            right: 7px;
            cursor: pointer;
        }
    }
    .barcode{
        float: left;
        width: 200px;
        height: 32px;
        border-radius: 4px;
        margin-right: 27px;
        position: relative;
        input{
            height: 30px;
            line-height: 30px;
            padding-right: 22px;
        }
        i.uf-qrcode {
            cursor: pointer;
            margin-top: 7px;
            position: absolute;
            right: 3px;
            top: 0;
        }
        i.icon-sousuo {
            display: none;
        }
        i.icon-saoyisao {
            position: absolute;
            right: 8px;
            cursor: pointer;
            top: 6px;
        }
    }
    .auto-open{
        margin-left: 20px;
        color: #999999;
        padding-top: 8px;
    }

    .cashier-reject {
        margin-left: 25px;
        padding-top: 8px;
        color: #999999;
    }
    .cashier-reject-thin {
        .w(18%);
        float: left;
        color: #999999;
        position: relative;
        top: 8px;
        left: 16px;
    }

    .td-label {
        min-width: 105px !important;
        position: relative;
    }

    .td-con {
        position: relative;

        span {
            position: absolute;
            right: 19px;
            cursor: pointer;
            user-select: none;
        }

        .arrow-up {
            bottom: 2px;
            right: 18px;
            color: #0073e1;
            &:hover {
                color: #487ca8;
            }
        }
        .arrow-down {
            top: 10px;
            right: 18px;
            color: #0073e1;
            &:hover {
                color: #487ca8;
            }
        }
    }

    .menu-type-icon {
        border: 1px solid #d0d0d0;
        color: #111;
        cursor: pointer;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 3px;
        font-size: 16px;
        background: #FFF;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        display: block;
        &:hover {
            border-color: #e14c46;
            color: #e14c46;
        }
    }
    
    .icon-xingzhuang{
        padding-left: 4px;
    }

    .tradetype-wrap {
        ul {
            padding-right: 70px;
        }
    }
}

.u-select-dropdown .u-select-dropdown-menu {
    width: max-content;
    min-width: 100%;
}

.thin-filter-wrap {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
    /* .filter-wrap:not(:first-child) {
        transform: translate(-150px, 0);
        transition: transform .3s;
    } */
    padding-top: 5px;
    .left {
        width: 87%;
        overflow: hidden;
    }

    .ncc-filter-wrap {
        width: 270px !important;
        .filter-label {
            margin-right: 5px;
        }
    }
}

.fat-filter-wrap{
    clear:both;
    overflow:hidden;
    margin-bottom:5px;
    display: block;
    //height: 92px;
}

/**
禁止页面滚动条出现
*/
:root {
    overflow-x: auto;
    overflow-y: hidden;
}
